


/* -- 订单相关页面样式 -- */



/*- 可重用 start -*/

/*--*/
.orders-list-item {/*width: 100%;*/padding: 10px 15px;background: #fff;/*position: relative;*/}
.orders-list-item .items-img {width: 20%;}
.orders-list-item .items-img img {width: 100%;max-width:100%;display: block;}
.items-infor {width: 78%;margin-left: 2%;}
.items-infor h4{font-size: 14px;color: #666;font-weight: 500;line-height: 18px;}
.items-others {/*position: absolute;bottom: 10px;*/width: 100%;margin-top: 14px;}
.items-others .itmes-price {font-size: 12px;color: #f3646f;margin-top: 10px;display: inline-block;}
.items-others .itmes-number {font-size: 12px;color: #666;border: 1px solid #666;text-align: center;}
.itmes-number i {padding: 10px 6px;font-style: normal;}
.itmes-number input {border: none;border-left: 1px solid #666;border-right: 1px solid #666;width: 30px;height: 20px;}
.itmes-number input[placeholder] {text-align: center;font-size: 14px;color: #666;}




/*- orderspay-footer -*/
.orderspay-footer {width: 100%;border: none;}
.orderspay-footer-container {width: 100%;display: flex;flex-direction: row;justify-content: center;align-content: center;align-items: center;height: inherit;}
.pay-infor {flex: 3;text-align: right;padding-right: 10px;line-height: 16px;}
.pay-infor > p {font-size: 12px;color: #999;}
.pay-infor > p span {color: #f3646f;font-size: 14px;padding: 0px 2px;}
.pay-addrbox {flex: 1;padding-right: 20px;}
.pay-addr {width: 100px;height: 35px;border-radius:4px;background: #f3646f;text-align: center;font-size: 14px;color: #ffffff;line-height: 35px; }

/*- 可重用  end -*/


/*-- 订单状态 - 下订单 - 选择数量 --*/
.orders-ordernum-container {width: 100%;/*padding-top: 20px;*/}



/*-- 订单状态 - 确认订单 --*/
.orders-ordersure-container {width: 100%;}
.orders-add-addr {height: 14px;background: #fff;padding: 15px;}
.addr-add-btn {font-size: 13px;color: #666;font-weight: 500;}
.addr-add-btn img {vertical-align: text-top;padding: 0px 10px;width:13px;height: 16px; }
.addr-add-point {background: url("../images/orders/right.png") no-repeat;width: 8px;display: inline-block;background-size: 100%;height: 24px;}




.orderssure-paytype-box {/*padding: 15px;*/background: #fff;margin-top: 10px;}
.orderssure-paytype-box h3 {font-size: 16px;color: #666;line-height: 45px;padding-left: 15px;height: 45px;}
.ordersure-paytype {height: 45px;line-height: 45px;font-size: 13px;color:#666;border-top: 1px solid rgba(0,0,0,0.12);padding:5px 15px;}
.ordersure-paytype img {vertical-align: middle;padding: 0px 10px;width:22px;height: 22px; }


.addressbox {width: 100%;height: 100%;position: fixed;z-index: 1200;left: 90%;}



.orders-address-close {width: 40px;height: 40px;background-size: 10px 20px;bottom: 2px;}






.ordersure-paytype .checkbtn {float: right;width: 16px;height: 16px;border-radius: 50%;/*border: 1px solid rgba(0,0,0,0.32);*/display: inline-block;line-height: 20px;margin-top: 14px;}
.ordersure-paytype .checkbtn i {display: inline-block;width:16px;height: 16px;border:1px solid rgba(0,0,0,0.32);border-radius: 50%; margin-right: 5px;    vertical-align: top;  }
.checkbtn.active i {background: url("../images/orders/y-1.png") no-repeat center center;background-size: 100%;border: none;}




/*.checkbtn input[type="radio"]:checked {
    background: #f3646f;
}*/

.ordersure-payinfor-box {background: #fff;margin-top: 10px;}
.ordersure-payinfor-box {/*padding: 15px;*/background: #fff;margin-top: 10px;}
.ordersure-payinfor-box > h3 {font-size: 16px;color: #666;line-height: 40px;padding-left: 15px;}
.ordersure-payinfor-item {background: #f6f6f6;border: solid rgba(0,0,0,0.12);border-width: 1px 0px;}
.ordersure-payinfor-item .itmes-number {border: none;margin-top: 10px;}
.ordersure-payinfor-text {height: 45px;line-height: 45px;text-align: right;padding-right: 15px;font-size: 12px;color: #666;}
.ordersure-payinfor-text .pay-total {color: #f3646f;font-size: 14px;padding: 0px 3px;}


/*-- 订单状态 - end --*/




/*-- 收货地址编辑 --*/

/*- 可重用  start -*/







/*- 可重用  end -*/

/*- 收货地址 - 选择 -*/
.orders-address-container {width: 100%;}








/*- 收货地址 - 增加收货地址 -*/
.orders-address-add {width: 100%;}
.orders-addr-addlist {width: 100%;background: #fff;}
.orders-addr-addlist li {height: 45px;border-top:1px solid rgba(0,0,0,0.12);line-height: 45px;}
.orders-addr-addlist li span {/*width: 20%;*/display: inline-block;padding: 0px 15px;}
.orders-addr-addlist li input {width: 65%;height: 40px;line-height: 40px;border: none;}
.orders-addr-addlist li:first-child {border: none;}

.orders-address-add .orders-addr-default {display: block;padding:0px 15px;height: 45px;background: #fff;line-height: 45px;margin-top: 10px;}
.orders-address-add .orders-addr-default i {margin-top: 13px;float: right;}

.orders-addr-save {width: 90%;margin: 0 auto;height: 44px;background: #60befe;line-height: 44px;color: #fff;font-size: 14px;text-align: center;margin-top:20px; }
.orders-addr-delete {width: 90%;margin: 0 auto;height: 44px;background: #f3646f;line-height: 44px;color: #fff;font-size: 14px;text-align: center;margin-top:20px; }



/*-- 收货地址编辑  end --*/





/* - 我的订单 start - */


  /*- 可重用  start -*/

.orders-details-footer {width: 100%;border: none;}
.orders-details-footer .orders-myorder-operate {border: none;margin-top: 5px;}



.orders-operate-cancel,.orders-operate-comment,.orders-operate-default,.orders-operate-delete,.orders-operate-refund,.orders-operate-againApply,.orders-operate-cancelRefund {border: 1px solid rgba(0,0,0,0.12);}
.orders-operate-pay {background: #f3646f;color: #fff;}
.orders-operate-sure {background: #60befe;color: #fff;}
.orders-operate-return {border: 1px solid #60befe;color: #60befe;}
.orders-operate-wx {border: 1px solid #52d19e;color: #52d19e;}
.orders-operate-zfb {border: 1px solid #60befe;color: #60befe;}
.orders-operate-addrefund {border: 1px solid #60befe;color: #60befe;}
.orders-operate-comment {background: #C8E6C9;color: #fff;}





.orders-details-state {width: 100%;height: 50px;line-height: 50px;}
.orders-details-state > h3 {font-size: 14px;color: #fff;padding-left: 25px;font-weight: 500;}

.details-state-bg-success {background: #60befe url("../images/orders/ban1.png") no-repeat 95% bottom;background-size: auto 95%;}
.details-state-bg-waitpay {background: #f3646f url("../images/orders/ban3.png") no-repeat 95% bottom;background-size: auto 95%;}
.details-state-bg-ship {background: #52d19e url("../images/orders/ban2.png") no-repeat 95% bottom;background-size: auto 95%;}
.details-state-bg-refund {background: #52d19e;}

.details-state-bg-check-refuse {background: #f3646f;}

.details-state-txtstyle {line-height: 20px;}
.details-state-txtstyle > h3 {padding-top: 5px;}
.details-state-txtstyle > p {padding: 0px 25px;color: #fff;font-size: 14px;padding-right: 0px;}



  /*- 可重用  end -*/


/*-- 我的订单 - 首页 -暂无订单 --*/
.orders-null-container {width: 100%;text-align: center;}
.orders-null-img404 {padding-top: 110px;}
.orders-null-tip {font-size: 16px;color: #666;font-weight: 500;margin-top: 20px;letter-spacing: 2px;}
.orders-null-go {padding: 15px 40px;border: 1px solid #666;border-radius: 4px;display: inline-block;margin-top: 45px;font-size: 16px;color: #666;}

/* - 我的订单 - 首页 - 存在订单 - */
.orders-myorder-container {/*padding-bottom: 10px;*/width: 100%;}
.orders-myorder-item {width: 100%;margin-bottom: 10px;}
.orders-myorder-nav {height:45px;background: #fff;line-height: 45px;font-size: 13px;color: #666;padding:0px 15px;}
.orders-myorder-state {float: right;color: #f3646f;}
.orders-myorder-state.success {color: #60befe;}
.orders-myorder-state.reGood {color:#52d19e}

.orders-myorder-item .orders-list-item {background: #f6f6f6;border-top: 1px solid rgba(0,0,0,0.12);}
.orders-myorder-item .orders-list-item .itmes-number {border: none;margin-top: 10px;}
.orders-payinfor-infor {height: 45px;line-height: 45px;text-align: right;padding-right: 15px;font-size: 12px;color: #666;background: #fff;}
.orders-payinfor-infor .pay-total {color: #f3646f;font-size: 14px;padding: 0px 3px;}

.orders-myorder-operate {background: #fff;height: 45px;border-top: 1px solid rgba(0,0,0,0.12);line-height: 45px;}
.orders-myorder-operate > span {/*width: 74px;height: 30px;*/margin-right: 10px;text-align: center;border-radius: 4px;display: inline-block;line-height: 30px;font-size: 13px;float: right;margin-top: 7px;padding: 0px 15px;}







/*- 订单详情 -*/
.orders-details-container {width: 100%;}


.orders-details-orderinfor {background: #fff;height: 45px;border-bottom: 1px solid rgba(0,0,0,0.12);line-height: 45px;padding: 0px 15px;font-size: 13px;color: #999; }
.orderinfor-time {float: right;}

.orders-details-container .orders-address-infor {margin-top: 0px;}
.orders-details-container .orders-myorder-item {margin-top: 10px;}

.orders-myorder-logistics {background: #fff;width: 100%;margin-top: 10px;}
.myorder-logistics-nav {padding:0px 15px;height: 45px;line-height: 45px;}
.myorder-logistics-title {font-size: 14px;color: #666;}
.myorder-logistics-arrow {float: right;display: inline-block;width: 16px;height:inherit;}
.logistics-arrowD {background: url("../images/orders/down.png") no-repeat center center;background-size: 100%;}


.myorder-logistics-box {width: 100%;display: none;}

.myorder-logistics-infor {padding: 15px 0px;background: #f6f6f6;border: solid rgba(0,0,0,0.12);border-width: 1px 0px;font-size: 14px;color: #999;line-height: 25px; }
.myorder-logistics-infor .orders-address-inforlist  {padding: 0px 15px;}
.myorder-logistics-infor .state-active{color: #60befe;}
.myorder-logistics-pos {padding:15px;background: #fff;}


.orderdetail-logistics-list {/*margin:20px;*//*height:150px;*//*overflow-y: scroll;*/}
.orderdetail-logistics-list li {font-size: 14px;color:#999;position: relative;padding-left: 30px;line-height: 25px;margin-bottom: 10px;height: 75px;overflow-y: hidden; }
.orderdetail-logistics-list li.active {color:#C33D1D;}

.orderdetail-logistics-list li.active:before {
    content: "";
    width: 5px;height: 5px;background: #C33D1D;border: 3px solid rgb(249,219,189);display: block;border-radius: 50%;
    position: absolute;
    left: 0;
    top: 6px;
}
.orderdetail-logistics-list li.init:before {
    content: "";
    width: 5px;height: 5px;background: #d5d5d5;border: 3px solid #fff;display: block;border-radius: 50%;
    position: absolute;left: 0;
    top: 6px;
}
.orderdetail-logistics-list li.line:after {
    content: "";
    display: block;
    width: 1px;
    height: 60px;
    background: #d5d5d5;
    position: absolute;
    top: 20px;
    left: 5px;
}




/*退款区块*/
.orders-refund-state {width: 100%;background: #fff;margin-top: 10px;}
.orders-refund-state > h3 {height: 45px;line-height: 45px;padding: 0px 15px;font-weight: 500;border-bottom:1px solid rgba(0,0,0,0.12); }
.orders-refund-state-box {padding: 15px;background: #fff;}
.orders-refund-state-item {font-size: 14px;color: #999;border:1px solid rgba(0,0,0,0.12);border-radius: 3px;margin-bottom: 10px;background: #f6f6f6;}
.orders-refund-state-item h4 {font-weight: 500;height: 32px;line-height: 32px;padding: 0px 10px;}
.orders-refund-state-item h4 span {float: right;}

.refund-state-color-success {color: #52d19e;}
.refund-state-color-fail {color: #f3646f;}



.orders-state-situation {border-top:1px solid rgba(0,0,0,0.12);padding: 15px 10px;line-height: 25px;}

.orders-state-situation p span {color: #333;}

/*申请退款*/
.orders-applyrefund-container {width: 100%;background: #fff;height: 100%;}
.orders-applyrefund-reason {padding: 10px 15px;}
.orders-applyrefund-reason > h3 {height: 32px;line-height: 32px;font-size: 14px;color: #666;}
.orders-applyrefund-reason > h3 i {color: #C33D1D;line-height: 32px;}
.applyrefund-reason-select {height: 32px;width: 100%;border-radius: 4px;border: 1px solid #999;padding-left: 10px;}
.orders-applyrefund-reason > p {font-size: 12px;color: #999;line-height: 25px;margin-top: 10px;}
.orders-applyrefund-line {border-bottom:1px solid rgba(0,0,0,0.12);margin: 0px 0px 20px;}
.orders-applyrefund-remark {padding: 0px 15px;}
.orders-applyrefund-remark > h3 {height: 32px;line-height: 32px;font-size: 14px;color: #666;}

.orders-applyrefund-remark textarea {height: 100px;width: 96%;font-size: 14px;padding: 2%;}
/*.orders-applyrefund-remark textarea[placeholder] {padding: 10px 0px 0px 10px;}*/
.orders-applyrefund-submit {width: 100px;height: 35px;margin: 25px auto;background: #f3646f;border-radius: 4px;color: #fff;font-size: 14px;text-align: center;line-height: 35px;}
/* - 我的订单 end - */




.orders-refund-message {background: #fff;height: 100%;padding: 0px 20px;}

.refund-message-add {padding-top: 10px;}
.refund-message-add h3 {line-height: 35px;color: #333;}
.refund-message-add h3 span {padding-left: 5px;color: #ff7711;}
.refund-message-add input,select {width: 100%;height: 30px;}
.refund-msg-filestype {width: 70px;height: 70px;border-radius: 6px;border: 1px dashed #333;background: url("../images/orders/xiangji.png") no-repeat center center ;}
.trackfile {width: 70px;height: 70px;opacity: 0;}

.refund-msg-submit {width: 100px;height: 35px;line-height: 35px;background: #f3646f;color: #fff;text-align: center;margin: 0 auto;border: none;display: block;font-size: 13px;margin-top: 6px;border-radius: 4px;}






